<template>
  <div>
    <img src="~@/assets/Services-b1.jpg" style="width: 100%;position: relative;z-index: -1">
    <div class="title">
      <h1>老年人能力评估</h1>
      <p>明 1:处于昏迷状态者,直接评定为能力完全丧失(完全失能)。若意识状态改变,应重新进行评估。<br>说明 2:有以下情况之一者,在原有能力级别上应提高一个级别,@确诊为痴呆(FOO~FO3):@精神科专科医生诊断的其他精神和行为障碍疾病(F04~F99);3)近 30 天内发生过 2 次及以上照护风险事件(如跌倒、噎食自杀、自伤、走失等)。
<br>注: 说明 2中 FOO~F99 是CD-10(国际疾病分第 10 次修订本)精神和行为碍诊断编码号</p>
    </div>
    <div class="main">

      <el-container>
        <el-main>


          <!-- el-form 为默认样式 暂未修改 -->
          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
            <div class="dh2">
              <div>请输入需要评测人员的序号</div>
              <el-input v-model="oldManId" placeholder="请输入老人序号"></el-input>
              <i class="el-icon-caret-left" style="font-size: 30px;" @click="returnToHome"><span style="font-size: 25px;">返回</span></i>
              <h2>自理能力</h2>
            </div>
            <el-divider content-position="left">当前指标评分:{{ score1() }}</el-divider>
            <!-- 进食 -->
            <el-form-item label="01 使用适当的器具将食物送入口中并咽下:" prop="score1" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score1">
                <el-radio label=4>独立使用器具将食物送入口中并咽下,没有呛咳</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成,或独立使用辅具,没有呛咳</el-radio>
                <br>
                <el-radio label=2>进食中需要少量接触式协助,偶尔(每月一次及以上)呛咳</el-radio>
                <br>
                <el-radio label=1>在进食中需要大量接触是协助,经常(每周一次及以上)呛咳</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助进食,或吞咽困难,或留置营养管</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 修饰 -->
            <el-form-item label="02 洗脸、刷牙、梳头、刮脸、剪指(趾)甲等:" prop="score2" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score2">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 洗澡 -->
            <el-form-item label="03 清洗和擦干身体:" prop="score3" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score3">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 穿/脱上衣 -->
            <el-form-item label="04 穿/脱上身衣服、系扣、拉拉链等:" prop="score4" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score4">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 穿/脱裤子个鞋袜 -->
            <el-form-item label="05 穿/脱裤子、鞋袜等:" prop="score5" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score5">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 小便控制 -->
            <el-form-item label="06 控制和排出尿液的能力:" prop="score6" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score6">
                <el-radio label=4>可自行控制排尿,排尿次数,排尿控制均正常</el-radio>
                <br>
                <el-radio label=3>白天可自行控制排尿次数,夜间出现排尿次数增多、排尿控制较差,或自行使用尿布、尿垫等辅助用物</el-radio>
                <br>
                <el-radio label=2>白天大部分时间可自行控制排尿,偶出现(每天&lt;1次,但没周&gt;1次)尿失禁,也键控制排尿较差,或他人少量协助使用尿布,尿垫的辅助用物</el-radio>
                <br>
                <el-radio label=1>白天大部分时间不能控制排尿,(每天≥1次,但尚未完全失控),夜间出现尿失禁,或他人大量协助使用尿布、尿垫等辅助用物</el-radio>
                <br>
                <el-radio label=0>小便失禁,完全不能控制排尿,或留置导尿管</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 大便控制 -->
            <el-form-item label="07 控制和排出粪便的能力:" prop="score7" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score7">
                <el-radio label=4>可正常自行控制大便排出</el-radio>
                <br>
                <el-radio label=3>有时出现(每周&lt;1次)便秘或大便失禁,过自行使用开塞露、尿垫等辅助用物</el-radio>
                <br>
                <el-radio label=2>经常出现(每天&lt;1次,但每周&gt;1次)便秘或大便失禁,或他人少量协助使用开塞露,尿垫等辅助用物</el-radio>
                <br>
                <el-radio label=1>大部分时间均出现(每天≥1次)便秘或大便失禁,但尚非完全失控,或他人大量协助使用开塞露、尿垫大亨辅助用物</el-radio>
                <br>
                <el-radio label=0>严重便秘或者完全大便失禁,需要依赖他人协助排便或清洁皮肤</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 如厕 -->
            <el-form-item label="08 上厕所排泄大小便,并清洁身体:" prop="score8" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score8">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>


            <!-- 指标二 -->
            <div class="dh2">
              <h2>基础运动能力</h2>
            </div>
            <el-divider content-position="left">当前指标评分:{{ score2() }}</el-divider>
            <!-- 床上体位转移 -->
            <el-form-item label="01 卧床翻身及坐骑躺下:" prop="score9" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score9">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 床椅转移 -->
            <el-form-item label="02 从坐位到站位,在从站位到坐位的过程:" prop="score10" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score10">
                <el-radio label=4>独立完成,不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 平地行走 -->
            <el-form-item label="03 双脚交互的方式在地面行动,总是一只脚在前:" prop="score11" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score11">
                <el-radio label=4>独立平地步行50m左右,不需要协助,无摔倒风险</el-radio>
                <br>
                <el-radio label=3>能平地步行50m左右,存在摔倒风险,需要他人监护或指导,或使用拐杖,助行器等辅助工具</el-radio>
                <br>
                <el-radio label=2>在步行时需要他热播少量扶持协助</el-radio>
                <br>
                <el-radio label=1>在步行式需要他人大量扶持协助</el-radio>
                <br>
                <el-radio label=0>完全不能步行</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 上下楼梯 -->
            <el-form-item label="04 双脚交替完成楼梯台阶连续的上下移动:" prop="score12" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score12">
                <el-radio label=4>可独立上下楼梯(连续上下10个~15个台阶),不需要协助</el-radio>
                <br>
                <el-radio label=3>在他人指导或提示下完成</el-radio>
                <br>
                <el-radio label=2>需要他人协助,但以自身完成为主</el-radio>
                <br>
                <el-radio label=1>主要依靠他人协助,自身能给予配合;或者完全依赖他人协助且不能给予配合</el-radio>
                <br>
                <el-radio label=0>完全依赖他人协助,且不能给予配合</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 指标三 -->
            <div class="dh2">
              <h2>精神状态</h2>
            </div>
            <el-divider content-position="left">当前指标评分:{{ score3() }}</el-divider>
            <!-- 时间定向 -->
            <el-form-item label="01 知道并确认时间的能力:" prop="score13" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score13">
                <el-radio label=4>时间观念(年、月)清楚,日期(或星期几)可相差一天</el-radio>
                <br>
                <el-radio label=3>时间观念有些下降,年、月、日(或星期几)不能全部分清(相差两天或以上)</el-radio>
                <br>
                <el-radio label=2>时间观念较差,年、月、日不清楚,可知上半年或下半年或季节</el-radio>
                <br>
                <el-radio label=1>时间观念较差,年、月、日不清楚,可知上午、下午或白天、夜间</el-radio>
                <br>
                <el-radio label=0>无时间观念</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 空间定向 -->
            <el-form-item label="02 知道并确认空间的能力:" prop="score14" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score14">
                <el-radio label=4>能在日常生活范围内单独外出,如在日常居住小区内独自外出购物等</el-radio>
                <br>
                <el-radio label=3>不能单独外出,但能准确知道自己日常生活所在地的地址信息</el-radio>
                <br>
                <el-radio label=2>不能单独外出,但知道较多有关自己日常生活的地址信息</el-radio>
                <br>
                <el-radio label=1>不能单独外出,但知道较少自己居住或生活所在地的地址信息</el-radio>
                <br>
                <el-radio label=0>不能单独外出,无空间观念</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 人物定向 -->
            <el-form-item label="03 知道并确认人物的能力:" prop="score15" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score15">
                <el-radio label=4>认识长期共同一起生活的人,能称呼知道关系</el-radio>
                <br>
                <el-radio label=3>能认识大部分共同生活居住的人,能称呼或知道关系</el-radio>
                <br>
                <el-radio label=2>能认识部分日常同住的亲人或照护者等,能称呼或知道关系等</el-radio>
                <br>
                <el-radio label=1>在只认识自己或极少数日常同住的亲人或照顾者等</el-radio>
                <br>
                <el-radio label=0>不认识任何人(包括自己)</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 记忆 -->
            <el-form-item label="04 短时、近期或远期记忆能力:" prop="score16" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score16">
                <el-radio label=4>总是能保持与社会、年龄或适应的记忆能力,能完整的回忆</el-radio>
                <br>
                <el-radio label=3>出现轻度的记忆紊乱或回忆不能(不能回忆即时信息,3个词语经过5分钟后仅能回忆0个~1个)</el-radio>
                <br>
                <el-radio label=2>出现中度的记忆紊乱或回忆不能(不能回忆近期记忆,不记得上一顿饭吃了什么)</el-radio>
                <br>
                <el-radio label=1>出现重度的记忆紊乱或回忆不能(不能回忆远期记忆,不记得自己的老朋友)</el-radio>
                <br>
                <el-radio label=0>记忆完全紊乱或完全不能对既往事物进行正确的回忆</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 理解能力 -->
            <el-form-item label="05 表达信息能力,包括口头和非口头的,即表达自己的想法:" prop="score17" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score17">
                <el-radio label=4>能正常理解他人的话</el-radio>
                <br>
                <el-radio label=3>能理解他人的话,但需要增加时间</el-radio>
                <br>
                <el-radio label=2>理解有困难，需频繁重复或简化口头表达</el-radio>
                <br>
                <el-radio label=1>理解有严重困难,需要大量他人帮助</el-radio>
                <br>
                <el-radio label=0>完全不能理解他人的话</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 表达能力 -->
            <el-form-item label="06 表达信息能力,包括口头和非口头的,即表达自己的想法:" prop="score18" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score18">
                <el-radio label=4>能正确表达自己的想法</el-radio>
                <br>
                <el-radio label=3>表达自己的需要,但需要增加时间</el-radio>
                <br>
                <el-radio label=2>表达需要有困难,需频繁重复或简化口头表达</el-radio>
                <br>
                <el-radio label=1>表达有严重困难,需要大量他人的帮助</el-radio>
                <br>
                <el-radio label=0>完全不能表达需要</el-radio>
              </el-radio-group>
            </el-form-item>


            <!-- 攻击能力 -->
            <el-form-item label="07 身体攻击行为(如打/踢/推/咬/抓/摔东西)和语言攻击行为(如骂人、语言威胁、尖叫):" prop="score19" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score19">

                <el-radio label=1>未出现</el-radio>
                <br>
                <el-radio label=0>近一个月内出现过攻击行为</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 抑郁症状 -->
            <el-form-item label="08 存在情绪低落、兴趣减退、活力减退等症状,甚至出现妄想、幻觉、自杀念头或自杀行为:" prop="score20" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score20">

                <el-radio label=1>未出现</el-radio>
                <br>
                <el-radio label=0>近一个月内出现过攻击行为</el-radio>
              </el-radio-group>
            </el-form-item>

            <!--意识水平 -->
            <el-form-item label="09 机体对自身和周围环境的刺激做出应答反应的能力程度,包括清醒和持续的觉醒状态:" prop="score21" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score21">
                <el-radio label=2>神智清醒,对走位环境能做出正确反应</el-radio>
                <br>
                <el-radio
                  label=1>嗜睡,表现为睡眠状态过度延长。当呼唤或推动老年人的肢体时可唤醒,并能进行正确的交谈或执行指令,停止刺激后有继续入<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;睡;意识模糊,注意力涣散,对外界刺激不能清醒的认识,空间和时间定向力障碍,理解力迟钝,记忆力模糊和不连贯</el-radio>
                <br>
                <el-radio
                  label=0>昏睡,一般的外界刺激不能使其觉醒,给予较强烈的刺激时可有短时的意识清醒,醒后可简短回答提问,当刺激减弱或又很快进入<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;睡眠状态;或有昏迷;意识丧失;随意运动丧失,对一般刺激无反应</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 指标四 -->
            <div class="dh2">
              <h2>感知觉与社会参与</h2>
            </div>
            <el-divider content-position="left">当前指标评分:{{ score4() }}</el-divider>
            <!-- 视力 -->
            <el-form-item label="01 感受存在的光线并感受物体的大小、形状的能力。在个体的最好矫正视力下进行评估:" prop="score22" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score22">

                <el-radio label=2>视力正常</el-radio>
                <br>
                <el-radio label=1>能看清楚大字体,但看不清书报上的标准字体;视力有限,看不清报纸大标题,但能辨认物体</el-radio>
                <br>
                <el-radio label=0>只能看到光、颜色和形状;完全失明</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 听力 -->
            <el-form-item label="02 能辨别声音的方位、音调、音量和音质的有关能力(可借助平时使用助听设备等):" prop="score23" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score23">

                <el-radio label=2>听力正常</el-radio>
                <br>
                <el-radio label=1>在轻声说话或说话距离超过2米时听不清;正常交流有些困难,需在安静的环境或大声说话才能听到</el-radio>
                <br>
                <el-radio label=0>讲话者大声说话或说话很慢,才能部分听见;完全失聪</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 执行日常事务 -->
            <el-form-item label="03 计划、安排并完成日常事务，包括但不限于洗衣服、小金额购物、服药管理:" prop="score24" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score24">
                <el-radio label=4>能完全独立计划、安排和完成日常事务，无需协助</el-radio>
                <br>
                <el-radio label=3>在计划、安排和完成日常事务时需要他人监护或指导</el-radio>
                <br>
                <el-radio label=2>在计划、安排和完成日常事务时需要少量协助</el-radio>
                <br>
                <el-radio label=1>在计划、安排和完成日常事务时需要大量协助</el-radio>
                <br>
                <el-radio label=0>完全依赖他人进行日常事务</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 使用交通工具外出 -->
            <el-form-item label="04 使用交通工具外出:" prop="score25" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score25">

                <el-radio label=3>能自己骑车或搭乘公共交通工具外出</el-radio>
                <br>
                <el-radio label=2>能自己搭乘出租车,但不会搭乘其他公共交通工具外出</el-radio>
                <br>
                <el-radio label=1>当有人协助或陪伴,可搭乘公共交通工具外出</el-radio>
                <br>
                <el-radio label=0>只能在他人协助下搭乘出租车或私家车外出;完全不能出门.或者外出完全需要协助</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 社会交往能力 -->
            <el-form-item label="05 社会交往能力:" prop="score26" class="item">
              <br>
              <el-radio-group v-model="ruleForm.score26">
                <el-radio label=4>参与社会,在社会环境有一定的适应能力,待人接物恰当</el-radio>
                <br>
                <el-radio label=3>能适应单纯环境,主动接触他人,初见面时难让人发现智力问题,不能理解隐喻语</el-radio>
                <br>
                <el-radio label=2>脱离社会,可被动接触,不会主动待他人,谈话中很多不适词句,容易上当受骗</el-radio>
                <br>
                <el-radio label=1>勉强可与他人接触,谈吐内容不清楚,表情不恰当</el-radio>
                <br>
                <el-radio label=0>不能与人交往</el-radio>
              </el-radio-group>
            </el-form-item>

            <el-form-item align="center" style="margin-top: 100px;">

              <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
              <el-button @click="resetForm('ruleForm')">重置</el-button>
            </el-form-item>
          </el-form>


        </el-main>
      </el-container>




    </div>

    <div style="height: 100px;background-color:rgb(185, 0, 7) ;margin-top: 100px;">
      bottom
    </div>
  </div>


</template>

<script>
import axios from "axios"
export default {
  data() {

    return {

      ruleForm: {
        score1: '',
        score2: '',
        score3: '',
        score4: '',
        score5: '',
        score6: '',
        score7: '',
        score8: '',
        score9: '',
        score10: '',
        score11: '',
        score12: '',
        score13: '',
        score14: '',
        score15: '',
        score16: '',
        score17: '',
        score18: '',
        score19: '',
        score20: '',
        score21: '',
        score22: '',
        score23: '',
        score24: '',
        score25: '',
        score26: ''
      },
      rules: {
        score1: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score2: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score3: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score4: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score5: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score6: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score7: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score8: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score9: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score10: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score11: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score12: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score13: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score14: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score15: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score16: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score17: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score18: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score19: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score20: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score21: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score22: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score23: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score24: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score25: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ],
        score26: [
          { required: true, message: '请选择符合老人的描述项', trigger: 'change' }
        ]

      },
      oldManId:0,
      countScore:0,
      loginUserId:0
    };
  },
  methods: {

    // 传值
    score() {
      let result = 0
      for (let key in this.ruleForm) {
        //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值

        const num = +this.ruleForm[key]
        result = result + num
      }
      this.countScore = result;
      return result



    },
    // 自理能力评分
    score1() {
      let result = 0
      let n = 0
      for (let key in this.ruleForm) {
        //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值

        if (n == 8) break
        n++
        const num = +this.ruleForm[key]
        result = result + num

      }
      return result



    },
    // 基础运动能力评分
    score2() {
      let result = 0
      let n = 0
      for (let key in this.ruleForm) {
        //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值
        n++
        if (n > 8) {
          const num = +this.ruleForm[key]
          result = result + num

        }
        if (n > 11) break


      }
      return result



    },
    // 精神状态评分
    score3() {
      let result = 0
      let n = 0
      for (let key in this.ruleForm) {
        //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值
        n++
        if (n > 12) {
          const num = +this.ruleForm[key]
          result = result + num

        }
        if (n > 20) break


      }
      return result



    },
    // 感知觉与社会参与评分
    score4() {
      let result = 0
      let n = 0
      for (let key in this.ruleForm) {
        //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值
        n++
        if (n > 21) {
          const num = +this.ruleForm[key]
          result = result + num

        }



      }
      return result



    },
    submitForm(formName) {

      this.$refs[formName].validate((valid) => {
        if (valid) {
          // 实验内容过后需要删除
          let scoreInfo={
            realScore:0
          }
          this.countScore = this.score();
          scoreInfo.realScore = this.countScore;
          //将分数丢去后端
          axios.put("http://localhost:8080/setEvaluate/"+this.oldManId,scoreInfo).then(result=>{
            if(result.data.code == 1)
            {
              this.$router.push({ name: 'evaluateResult', query: { ruleForm: this.ruleForm ,loginUserId:this.loginUserId} })
            }
          })
   
        } else {
          this.$message.error('错了哦,有选项未选!!')
          return false;
        }
      });
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
    returnToHome:function()
    {
      this.$router.push({
                path:'/indexPage',
                query:{
                  loginUserId:this.loginUserId
                }
              })
    }



  },
  mounted() {

    // let box = document.querySelector(".tiem");
    // //用js检测鼠标滚轮距离顶部位置来给div添加动画
    // window.onscroll = function () {
    //   //检测鼠标滚轮距离顶部位置
    //   let top = document.documentElement.scrollTop || document.body.scrollTop;
    //   console.log(top);
    //   //要设置到DIV显示出来时给div添加动画 也可以设置一个数值只要保证div出来给它加动画即可
    //   if (top > (box.offsetTop - box.offsetHeight)) {
    //     box.style.animation = "key 5s linear 1" //添加动画  

    //   }
    // }

    // 标题2下滑事件
    this.loginUserId = this.$route.query.loginUserId
    let box = document.querySelector(".dh2");
    window.onscroll = function () {
      let top = document.documentElement.scrollTop || document.body.scrollTop;
      console.log(top);
      if (top > (box.offsetTop - box.offsetHeight) / 4) {
        box.style.animation = "ddh2 1s linear 1" //添加动画  

      }
    }


    let title = document.querySelector(".title");

    window.onload = function () {


      title.style.animation = "key 0.7s linear 1" //添加动画  


    }
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

/* h1格子标题属性 */
.title {
  background-color: rgb(255, 240, 233);
  height: 288px;
  width: 75.4%;
  margin: auto;
  margin-top: -100px;
}

h1 {
  color: rgb(57, 57, 57);
  text-align: center;

}

h2 {
  color: rgb(57, 57, 57);
  text-align: center;
  margin-top: 40px;
  font-size: 36px;

}

.main {

  margin: auto;
  width: 1200px;
  background-color: white
}

/* body {
  background-color: white;
} */


.item .el-form-item__label {
  font-size: 20px;
  color: black;
  text-indent: 160px;

}

.el-radio__input.is-checked .el-radio__inner {
  border-color: rgb(185, 0, 7);
  background-color: rgb(185, 0, 7);

}

.el-radio__input.is-checked+.el-radio__label {
  color: #000000 !important;
  font-weight: bold;
}


.el-radio {
  line-height: 25px;
  text-indent: 90px;

}

.el-radio__label {
  font-size: 15px;
}

@keyframes key {
  0% {
    margin-top: 100px;
    opacity: 0;
  }

  /* 50% {
        margin-top: 50px;
        opacity: .5;
      } */

  100% {
    margin-top: -100px;
    opacity: 1;
  }
}

@keyframes ddh2 {
  0% {
    margin-top: -100px;
    opacity: 0;
  }



  100% {
    margin-top: 0;
    opacity: 1;
  }
}
</style>